<template>
	<vue-route-transition id="app" :keepAlive="true"></vue-route-transition>
</template>
<script>

export default {
	computed: {
		pageLoading() {
			return this.$store.state.pageLoading;
		}
	},
	created() {
		this.$store.commit('setPageLoading', true);
		document.onreadystatechange = () => {
			if (document.readyState == 'complete') {
				setTimeout(() => {
					this.$store.commit('setPageLoading', false);
				}, 50);
			}
		};
	}
}
</script>

<style lang="css">
* {
	content: normal !important;
}
html,
body {
	width: 100%;
	height: 100%;
	background: #F5F5F5;
}
html,body,p,h1,h2,h3,h4,h5 {
	padding: 0;
	margin: 0;
}
 .vue-route-transition-content{
	width: 100%;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;
	background: #f5f5f5;
}
body::-webkit-scrollbar {
  display: none
}
/* 页面公共样式 */
.pageLoading{
	position: fixed !important;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 10000000000;
}
.dataLoading{
	position: fixed !important;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 10000000000;
}
.pageBg{
  min-height: 100%;
	background: #F5F5F5;
}
.van-dialog__confirm, .van-dialog__confirm:active{
	color: #4088EE !important;
}
.van-loading{
	text-align: center;
}
</style>
